<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,height=device-height, user-scalable=no,initial-scale=1, minimum-scale=1,maximum-scale=1,target-densitydpi=device-dpi ">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>mine</title>
  <link rel="stylesheet" href="//at.alicdn.com/t/font_700684_nxz31xbunnl.css">
  <link rel="stylesheet" href="../../css/common/flex.css">
  <link rel="stylesheet" href="../../css/common/reset.css">
  <link rel="stylesheet" href="../../css/common/common.css">
  <link rel="stylesheet" href="../../css/common/magic-input.min.css">
  <link rel="stylesheet" href="../../css/common/border-1px.css">
  <link rel="stylesheet" href="./partTimeEvaluation.css">
</head>

<body>
  <div class="page-wrap part-time-evaluation">
    <div class="page-padding">
      <div id="releaseCard" class="c-release-card">
        <div class="page-padding">
          <div class="release-user fx-row fx-row-center">
            <img class="release-user-img" src="https://ss2.baidu.com/-vo3dSag_xI4khGko9WTAnF6hhy/image/h%3D300/sign=36a6647bfb03918fc8d13bca613c264b/b3119313b07eca8030b90a7c9d2397dda04483e8.jpg"
              alt="">
            <div class="release-user-baseInfo fx-1">
              <div class="release-user-baseInfo-name">
                <span class="name fs-16">
                  蒋依依 |
                </span>
                <span class="school fs-13">
                  斯坦福大学
                </span>
              </div>
              <div class="release-user-baseInfo-time">
                1小时前
              </div>
            </div>
            <div class="release-user-focus">
              <span class="focus-btn">关注</span>
            </div>
          </div>
          <div class="release-content fs-14">
            #寻求一份兼职工作# 本人剑桥大学工作，英语口语流利，想要找切斯曼的兼职工作，感激不尽。
          </div>
          <div class="release-imgs fx-row fx-wrap fx-row-space-between fx-col-space-around">
            <div class="release-img-container">
              <img class="release-img" src="https://ss1.baidu.com/9vo3dSag_xI4khGko9WTAnF6hhy/image/h%3D300/sign=27b13845316d55fbdac670265d234f40/96dda144ad345982b391b10900f431adcbef8415.jpg"
                alt="">
            </div>
            <div class="release-img-container">
              <img class="release-img" src="https://ss1.baidu.com/9vo3dSag_xI4khGko9WTAnF6hhy/image/h%3D300/sign=27b13845316d55fbdac670265d234f40/96dda144ad345982b391b10900f431adcbef8415.jpg"
                alt="">
            </div>
            <div class="release-img-container">
              <img class="release-img" src="https://ss1.baidu.com/9vo3dSag_xI4khGko9WTAnF6hhy/image/h%3D300/sign=27b13845316d55fbdac670265d234f40/96dda144ad345982b391b10900f431adcbef8415.jpg"
                alt="">
            </div>
            <div class="release-img-container">
              <img class="release-img" src="https://ss1.baidu.com/9vo3dSag_xI4khGko9WTAnF6hhy/image/h%3D300/sign=27b13845316d55fbdac670265d234f40/96dda144ad345982b391b10900f431adcbef8415.jpg"
                alt="">
            </div>
          </div>
        </div>
        <div class="b-1px-b"></div>
        <div class="bountys fx-row fx-col-center fx-row-middle">
          <div class="bounty">
            <button class="bounty-btn">赏</button>
            <div class="bounty-num">
              <span class="vertical-align-middle fs-14">已有128人打赏</span>
              <i class="vertical-align-middle iconfont icon-you1 fs-14"></i>
            </div>
          </div>
        </div>
      </div>
      <div id="evaluationTab" class="evaluation">
        <ul class="sub fx-row fx-row-center">
          <li class="sub-item active fs-17">
            <span class="subnav">评论216</span>
          </li>
          <li class="sub-item  fs-17">
            <span class="subnav">点赞216</span>
          </li>
        </ul>
      </div>
      <div class="c-evaluation-list ">
        <ul id="evaluationList" class="overflow-auto">
          <li class="evaluation-item  fx-row fx-row-center">
            <img class="evaluation-user-img" src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1717056030,451974468&fm=200&gp=0.jpg"
              alt="">
            <div class="fx-1 evaluation-content b-1px-b">
              <div class="name-praise">
                <span class="name fs-16">
                  预约
                </span>
                <span class="praise ">
                  <i class="vertical-align-middle iconfont icon-zan fs-14"></i>
                  <span class="vertical-align-middle fs-14">赞</span>

                </span>
              </div>
              <div class="content fs-13">
                考虑去餐厅西端盘子嘛？
              </div>
              <div class="time fs-10">
                03-02 12：23
              </div>
            </div>
          </li>
          <li class="evaluation-item  fx-row fx-row-center">
            <img class="evaluation-user-img" src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1717056030,451974468&fm=200&gp=0.jpg"
              alt="">
            <div class="fx-1 evaluation-content b-1px-b">
              <div class="name-praise">
                <span class="name fs-16">
                  预约
                </span>
                <span class="praise ">
                  <i class="vertical-align-middle iconfont icon-zan fs-14"></i>
                  <span class="vertical-align-middle fs-14">赞</span>

                </span>
              </div>
              <div class="content fs-13">
                考虑去餐厅西端盘子嘛？
              </div>
              <div class="time fs-10">
                03-02 12：23
              </div>
            </div>
          </li>
          <li class="evaluation-item  fx-row fx-row-center">
            <img class="evaluation-user-img" src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1717056030,451974468&fm=200&gp=0.jpg"
              alt="">
            <div class="fx-1 evaluation-content b-1px-b">
              <div class="name-praise">
                <span class="name fs-16">
                  预约
                </span>
                <span class="praise ">
                  <i class="vertical-align-middle iconfont icon-zan fs-14"></i>
                  <span class="vertical-align-middle fs-14">赞</span>

                </span>
              </div>
              <div class="content fs-13">
                考虑去餐厅西端盘子嘛？
              </div>
              <div class="time fs-10">
                03-02 12：23
              </div>
            </div>
          </li>
          <li class="evaluation-item  fx-row fx-row-center">
            <img class="evaluation-user-img" src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1717056030,451974468&fm=200&gp=0.jpg"
              alt="">
            <div class="fx-1 evaluation-content b-1px-b">
              <div class="name-praise">
                <span class="name fs-16">
                  预约
                </span>
                <span class="praise ">
                  <i class="vertical-align-middle iconfont icon-zan fs-14"></i>
                  <span class="vertical-align-middle fs-14">赞</span>

                </span>
              </div>
              <div class="content fs-13">
                考虑去餐厅西端盘子嘛？
              </div>
              <div class="time fs-10">
                03-02 12：23
              </div>
            </div>
          </li>
          <li class="evaluation-item  fx-row fx-row-center">
            <img class="evaluation-user-img" src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1717056030,451974468&fm=200&gp=0.jpg"
              alt="">
            <div class="fx-1 evaluation-content b-1px-b">
              <div class="name-praise">
                <span class="name fs-16">
                  预约
                </span>
                <span class="praise ">
                  <i class="vertical-align-middle iconfont icon-zan fs-14"></i>
                  <span class="vertical-align-middle fs-14">赞</span>

                </span>
              </div>
              <div class="content fs-13">
                考虑去餐厅西端盘子嘛？
              </div>
              <div class="time fs-10">
                03-02 12：23
              </div>
            </div>
          </li>
          <li class="evaluation-item  fx-row fx-row-center">
            <img class="evaluation-user-img" src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1717056030,451974468&fm=200&gp=0.jpg"
              alt="">
            <div class="fx-1 evaluation-content b-1px-b">
              <div class="name-praise">
                <span class="name fs-16">
                  预约
                </span>
                <span class="praise ">
                  <i class="vertical-align-middle iconfont icon-zan fs-14"></i>
                  <span class="vertical-align-middle fs-14">赞</span>

                </span>
              </div>
              <div class="content fs-13">
                考虑去餐厅西端盘子嘛？
              </div>
              <div class="time fs-10">
                03-02 12：23
              </div>
            </div>
          </li>
        </ul>
      </div>
      <div class="praise-list" style="display: none">
        <ul class="praises">
          <li class="praises-item fx-row fx-row-center">
            <img class="praises-user-img" src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1717056030,451974468&fm=200&gp=0.jpg"
              alt="">
            <div class="fx-1 praises-content b-1px-b">
              <div class="content fs-13">
                景甜
              </div>
              <div class="praise">
                <i class="vertical-align-middle iconfont icon-zan fs-14"></i>
                <span class="vertical-align-middle fs-14">赞了你</span>
              </div>
            </div>
          </li>
          <li class="praises-item fx-row fx-row-center">
            <img class="praises-user-img" src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1717056030,451974468&fm=200&gp=0.jpg"
              alt="">
            <div class="fx-1 praises-content b-1px-b">
              <div class="content fs-13">
                景甜
              </div>
              <div class="praise">
                <i class="vertical-align-middle iconfont icon-zan fs-14"></i>
                <span class="vertical-align-middle fs-14">赞了你</span>
              </div>
            </div>
          </li>
        </ul>
      </div>
      <div id="publishEvaluation" class="c-publish-evaluation">
        <div class="publish-evaluation">
          <input class="evaluation-input" placeholder="写评论……" type="text">
          <span class="up">
            <i class="iconfont icon-upxiangshang fs-10"></i>
          </span>
        </div>
      </div>
    </div>
  </div>
  <!-- 弹窗背景 -->
  <div class="c-popups" style="display: none">
    <div class="popups-bg" style=""></div>
    <!-- 弹窗 -->
    <!-- 打赏失败 -->
    <div class="popups-content-wrap" style="">
      <div class="close-icon fs-2">
        <i class="fs-26 iconfont icon-guanbi "></i>
      </div>
      <div class="popups-content-tips-wrap">
        <img class="tips-icon" src="../../images/warn-tips.png" alt="">
        <p class="tips fs-18">打赏失败</p>
        <div class="tips-words fs-16">
          您的账户余额不足，请充值后再来打赏
        </div>
        <div class="popups-single-btn-wrap fs-15">
          <span class="popups-single-btn">我知道了</span>
        </div>
      </div>
    </div>
  </div>
  <div class="c-popups" >
    <div class="popups-bg" style=""></div>
    <!-- 弹窗  -->
    <!-- 打赏成功 -->
    <div class="popups-content-wrap" style="">
      <div class="close-icon fs-2">
        <i class="fs-26 iconfont icon-guanbi "></i>
      </div>
      <div class="popups-content-tips-wrap">
        <img class="tips-icon" src="../../images/warn-tips.png" alt="">
        <p class="tips fs-18">打赏成功</p>
        <div class="tips-words fs-16">

        </div>
        <div class="popups-single-btn-wrap fs-15">
          <span class="popups-single-btn">我知道了</span>
        </div>
      </div>
    </div>
  </div>
  <div class="c-popups" style="display: none">
    <div class="popups-bg"></div>
    <!-- 弹窗  -->
    <!-- 输入打赏金额 -->
    <div class="popups-content-wrap">
      <div class="close-icon fs-2">
        <i class="fs-26 iconfont icon-guanbi "></i>
      </div>
      <div class="popups-content-tips-wrap bounty">
        <img class="c-header-img" src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1717056030,451974468&fm=200&gp=0.jpg"
          alt="">
        <div class="name fs-18">蒋依依</div>
        <div class="bounty-input fx-row fx-row-center">
          <div class="jian ">-</div>
          <div class="fx-1">
            <input class="input " type="text">
          </div>
          <div class=" jia ">+</div>
        </div>
        <div class="bounty-prompt">
          打赏最多1元，无需支付密码
        </div>
      </div>
      <div class="popups-single-btn-wrap fs-15">
        <span class="popups-single-btn">我知道了</span>
      </div>
    </div>
  </div>
</body>
<script src="../../asset/js/rem.js"></script>
<script>
  var evaluationList = document.getElementById('evaluationList');
  var publishEvaluation = document.getElementById('publishEvaluation');
  var releaseCard = document.getElementById('releaseCard');
  var evaluationTab = document.getElementById('evaluationTab');
  evaluationList.style.height = document.body.clientHeight - publishEvaluation.clientHeight - releaseCard.clientHeight -
    evaluationTab.clientHeight + 'px';
</script>

</html>